<template>
  <div id="index">
    <el-container class="el-container" direction="vertical">
      <el-header class="header">
        <mainHead></mainHead>
      </el-header>
      <el-main class="main">
        <mainBody></mainBody>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import mainHead from '../components/student/MainHeader'
import mainBody from '../components/student/mainBody'
export default {
  name: 'MainStudent',
  components: {
    mainBody,
    mainHead
  }
}
</script>

<style scoped>
  #index {
    height:100%;
    width:100%;
  }
  .el-container {
    height: 100%;
  }
  .header {
    padding: 0;
    height: 12%;
    background: #ffffff
  }
  .main {
    padding: 0;
    background: #ffffff
  }
</style>
